<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>oschina首页布局</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}

			#nav {
				height: 50px;
				background-color: blue;
			}

			#menu {
				height: 120px;
				background-color: red;
			}

			#adv {
				height: 180px;
				background-color: yellow;
			}

			/* #content ,#row1{
				border: 2px dotted red;
				overflow: hidden;
			} */

			#content #left,
			#content #right {
				float: left;
			}

			#content #left {
				width: 75%;
				background-color: gold;
			}

			#content #right {
				width: 25%;
				background-color: blue;
			}

			#content #left #l1 {
				background-color: #26AB65;
			}

			#content #left #l2 {
				background-color: blue;
			}

			#content #left #l1,
			#content #left #l2 {
				width: 49%;
				float: left;
			}

			li {
				list-style: none;
			}

			#tuijian {
				float: left;
				background-color: #359A25;
			}
		</style>
	</head>
	<body>
		<div id="nav">顶部导航</div>
		<div id="menu">菜单</div>
		<div id="adv">广告</div>
		<div id="content" style="border: 3px dotted red;">
			<div id="left">
				<div id="row1">
					<div id="l1">
						<h3>综合资讯</h3>
						<ul>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
							<li><a href="#">Redis 客户端桌面管理工具 DeskRedis</a></li>
						</ul>
					</div>
					<div id="l2">
						<h3>
							每周推荐
						</h3>
						<ul>
							<li>office365</li>
						</ul>
					</div>
				</div>
				<div id="tuijian">
					<h3>每周软件推荐</h3>
					<ul>
						<li><a href="#">边缘计算框架</a></li>
					</ul>
				</div>
				<div id="right">
					暂无
				</div>
			</div>
		</div>
		<div id="bottom">
			版权归oschina所有
		</div>
	</body>
</html>
